<template>
  <left-toggle-layout title="站点列表" width="290px">
    <template #title>
      <span>站点列表</span>
      <!--<split-vline class="margin-left-15 margin-right-15"/>-->
      <!--<add-button class="margin-left-8" :on-click="showInput"/>-->
      <!--<edit-button/>-->
    </template>
    <template #left>
      <div class="site-list">
        <input-search placeholder="请输入监测站点名称" />
        <list-view :list="list">
          <template #title="{ row }">
            <div>
              {{ row.title }}
              <i></i>
            </div>
          </template>
        </list-view>
        <div class="page-footer-1">
          <el-pagination small layout="total, prev, next" :total="1000"> </el-pagination>
        </div>
      </div>
    </template>
    <div class="page-flex-column">
      <div class="page-flex-card-panel no-border" style="height: 360px; flex: none">
        <card-panel>
          <info-show></info-show>
        </card-panel>
      </div>
      <div class="page-flex-card-panel">
        <card-panel>
          <!--设备管理-->
          <equipment-manger></equipment-manger>
        </card-panel>
      </div>
    </div>
  </left-toggle-layout>
</template>

<script>
import InfoShow from '@/views/reservoir/shuiYuQingJianCe/siteManagement/components/InfoShow'
import EquipmentManger from '@/views/reservoir/shuiYuQingJianCe/siteManagement/components/EquipmentManger'

export default {
  name: 'index',
  components: {
    InfoShow,
    EquipmentManger
  },
  data() {
    return {
      list: [
        { title: '正坑水库' },
        { title: '恩上水库' },
        { title: '翠岭水库' },
        { title: '三洲塘水库' },
        { title: '红花沥水库' },
        { title: '上坪水库' },
        { title: '叠翠湖水库' },
        { title: '大水坑水库' },
        { title: '跃进水库' }
      ]
    }
  }
}
</script>

<style scoped></style>
